<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <!-- #include file="_meta.asp" -->
  <title>news</title>
  <style>
    .page-tit {
      margin-bottom: 30px;
    }
  </style>
</head>

<body>
  <!-- 头部区域 -->
  <!-- #include file="_head.asp" -->
  <!-- /头部区域 -->
  <!-- 内页轮播 -->
  <div class="page-banner">
    <img src="./images/page-banner02.jpg" width="100%" alt="慧巢腻子">
    <div>
        <h3> 联系我们 </h3>
        <small> Contact us </small>
      </div> 
  </div>
  <!-- /内页轮播 -->
  <div class="page-tit">
    <div class="main">
      您当前的位置：
      <a href="./index.asp">首页</a> &gt;
      <a href="./contact.asp">联系我们</a>
    </div>
  </div>

  <section id="page-contact">
    <div class="main">
      <h2 class="page-bt"> 联系我们 </h2>
      <div class="item-contact">
        <ul class="df">
          <li class="">
            <img src="images/item-contact01.png" alt="">
            <h5> 公司地址 </h5>
            <p> 中国-郑州市管城回族区 </p>
            <p> 邮编：450100 </p>
          </li>
          <li>
            <img src="images/item-contact02.png" alt="">
            <h5> 联系我们 </h5>
            <p> 手机(mobile)：13200000000 </p>
            <p> 全国销售热线：13200000000 </p>
          </li>
          <li>
            <img src="images/item-contact03.png" alt="">
            <h5> 在线交谈 </h5>
            <p> 企业QQ：999999999 </p>
            <p> 企业微信：wechat </p>
          </li>
        </ul>
      </div>

      <script>
        $(".item-contact li").hover(function () {
          $(this).removeClass(".li-on");
          var srcStr = $(this).find("img").attr("src").split('.')
          srcStr[srcStr.length - 1] = "s." + srcStr[srcStr.length - 1];
          var srcString = srcStr.join("");
          $(this).find("img").attr("src", srcString);
          $(this).addClass(".li-on");

        }, function () {
          var srcStr1 = $(this).find("img").attr("src").split('s');
          srcStr1[0] = srcStr1[0] + "s";
          var srcString1 = srcStr1.join("");
          $(this).find("img").attr("src", srcString1);
          $(this).removeClass(".li-on");
        })
      </script>

      <h2 class="page-bt"> 联系慧巢 </h2>
      <div class="page-contact-msg">
        <p>欢迎填写以下表格，留下您的联系电话、常用邮箱、设备使用地等信息，并尽可能详细描述产品需求，我们将快速处理您提交的信息，确保您的购买咨询得到及时、准确的回复。</p>
        <form action="" method="get" class="clearfix" id="page-contact-msg-form">
          <dl>
            <dd>
              <label for="proName">产品名称（必填）</label>
              <input type="text" name="proName" id="proName"> </dd>
            <dd>
              <label for="peopleName">您的姓名（必填）</label>
              <input type="text" name="peopleName" id="peopleName"> </dd>
            <dd>
              <label for="peopleTel">联系电话（必填）</label>
              <input type="text" name="peopleTel" id="peopleTel"> </dd>
            <dd>
              <label for="peopleCompany">您的公司</label>
              <input type="text" name="peopleCompany" id="peopleCompany"> </dd>
          </dl>
          <dl>
            <dd>
              <label for="peopleEmail">联系邮箱</label>
              <input type="text" name="peopleEmail" id="peopleEmail"> </dd>
            <dd>
              <label for="peopleAddress">设备使用地</label>
              <input type="text" name="peopleAddress" id="peopleAddress"> </dd>
            <dt>
              <label for="peopleContent">需求详情</label>
              <textarea name="peopleContent" id="peopleContent"> </textarea>
            </dt>
          </dl>
          <p>
            <input type="submit" value="提交">
            <input type="reset" value="重填">
          </p>
        </form>
      </div>
      <h2 class="page-bt"> 联系留言 </h2>
      <div id="Map">
        <!-- #include file="_map.asp" -->
      </div>
    </div>
  </section>

  <!-- 脚注区域 -->
  <!-- #include file="_foot.asp" -->
  <!-- /脚注区域 -->
</body>

</html>